// JavaScript Document

function Index()
{
	this.init();	
}

Index.prototype =
{
	init : function()
	{
		var _this=this;
		_this.changeLive();
		_this.autoScrollImg($(".starWrap"));
		_this.loading();
	},
	//修改
	changeLive:function()
	{
		$(".liveTop .liveTab li").on("click",function()
		{
			$(".liveTop .liveTab li em").stop().animate({"opacity":0.5});
			$(".liveTop .liveTab li a").hide();
			$(this).find("em").stop().animate({"opacity":0});
			$(this).find("a").show();
			$(this).addClass("curr").siblings().removeClass("curr");
		}).on("mouseover",function()
		{
			if(!$(this).hasClass("curr"))
			{
				$(this).find("em").stop().animate({"opacity":0});
			}
		}).on("mouseout",function()
		{
			if(!$(this).hasClass("curr"))
			{
				$(this).find("em").stop().animate({"opacity":0.5});	
			}
		});
		
		//显示隐藏播放按钮
		$(".liveNav").on("mouseover",function()
		{
			$(".btnGoHome").stop().animate({"opacity":"1"});	
		});
		$(".liveNav").on("mouseout",function()
		{
			$(".btnGoHome").stop().animate({"opacity":"0"});
		});
	},
	autoScrollImg:function (obj)
	{
		var iStage        = obj.find(".starStage"),
			scrollContUl  = iStage.find("ul"),
			scrollContLi  = scrollContUl.find("li"),
			aListWidth    = scrollContLi.width();
		
		if((aListWidth)*scrollContLi.length>=iStage.width())//如果内容的宽度小于舞台的宽度，不复制元素进行滚动
		{ 
			scrollContUl.append(scrollContUl.children().clone());
			var aList=scrollContUl.find("li");
			var aListWidth=aList.width();
			scrollContUl.width((aListWidth)*aList.length);
			var iNum=0;
			var timer=null;
			
			function moving()
			{
				scrollContUl.stop().animate({"marginLeft":-(aListWidth)*iNum},500);
		    }
			
			$(".btnPrev").bind("click",function()
			{
				iNum--;
				if(iNum<=0)
				{
					iNum=0;
					$(".btnPrev").removeClass("btnPrevHover");
					$(".btnNext").addClass("btnNextHover");
				}
				else
				{
					$(".btnPrev").addClass("btnPrevHover");
					$(".btnNext").removeClass("btnNextHover");
				}
				moving();
			});
			
			$(".btnNext").bind("click",function()
			{
				iNum++;
				if(iNum>=aList.length/2-1)
				{
					iNum=aList.length/2-1;
					$(".btnNext").removeClass("btnNextHover");
					$(".btnPrev").addClass("btnPrevHover");
				}
				else
				{
					$(".btnNext").addClass("btnNextHover");
					$(".btnPrev").removeClass("btnPrevHover");
				}
				moving();
			});
		}
		
		scrollContLi.each(function()
		{
			var self = $(this);
			self.find("dd").on("mouseover",function()
			{
				$(this).find(".starInfo").stop().animate({"opacity":"1"},{easing:"easeInOutCubic",duration:400});
				$(this).find(".starInfo2").css({"transform":"scale(1)"}).stop().animate({"opacity":"1"});
			});
			
			self.find("dd").on("mouseout",function()
			{
				$(this).find(".starInfo").stop().animate({"opacity":"0"},{easing:"easeInOutCubic",duration:400});
				$(this).find(".starInfo2").css({"transform":"scale(0.1)"}).stop().animate({"opacity":"0"});	
			});	
		});
	},
	loading:function()
	{
		var str = "";
		var iNow = 0;
		setInterval(function()
		{
			iNow++;
			str+=".";
			if(iNow>=4)
			{
				str="";
				iNow=0;
			}
			$(".liveLoading span").html("加载中"+str);
		},400);	
	}
};

$(function()
{
	new Index();
});
